<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 標題 -->
    <title>Stream</title>
    <!-- 關鍵詞 -->
    <meta name="keywords" content="" />
    <!-- 網站間介 -->
    <meta name="description" content="" />
    <!-- 自這應屏幕 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/fonts.css">
    <link rel="stylesheet" href="css/swipebox.css">
    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <!-- Favicon 圖標-->
    <link rel="shortcut icon" href="/favicon.png" type="text/icon">
</head>
<body>
    <div class="header">
        <div class="container clearfix">
            <div class="logo">
                <img src="images/logo.png" alt="">
            </div>
            <!-- PC端顯示的導航 -->
            <div class="hidden-xs hidden-sm index-nav">
                <ul class="clearfix">
                    <li class="active"><a href="index.html">首頁</a></li>
                    <li><a href="">買主</a></li>
                    <li><a href="saling.html">企業出售</a></li>
                    <li><a href="">文章</a></li>
                    <li><a href="">聯絡我們</a></li>
                    <li><a href="">網站導航</a></li>
                </ul>
            </div>
            <!-- 手機端顯示的導航 -->
         
            <nav id="commandbar-bottom" class="navbar navbar-inverse navbar-fixed-bottom visible-xs visible-sm clearfix">
                <div class="commandbar-bottom-item"><a href=""><i class="fa fa-university"></i><br>首頁</a></div>
                <div class="commandbar-bottom-item"><a href=""><i class="fa fa-paper-plane"></i><br>文章</a></div>
                <div class="commandbar-bottom-item"><a href=""><i class="fa fa-user"></i><br>我的</a></div>
                <div class="commandbar-bottom-item"><a href=""><i class="fa fa-building"></i><br>企業銷售</a></div>
                <div class="commandbar-bottom-item"><a href=""><i class="fa fa-user-plus"></i><br>買主</a></div>
            </nav>
          

            <ul class="index-usertag clearfix hidden-xs hidden-sm">
                <li class="dropdown dropdown-imenu1">
                    <a href="#" class="" >
                        <i class="fa fa-paper-plane fa-left"></i>
                    </a>
                    <ul class="" id="imenu1">
                        <li><a href="#">更新資訊</a></li>
                        <li><a href="#">更新企業出售</a></li>
                    </ul>
                </li>
                <li class="dropdown ">
                    <a href=""><i class="fa fa-bell fa-lg"></i></a>
                </li>
                <li class="dropdown dropdown-imenu2">
                    <a href="#" class="" >
                        <i class="fa fa-user-plus"></i>
                    </a>
 
                    <ul class="" id="imenu2">
                        <li class="dropdown-header divider1">ninnzya</li>

                        <li><a href=""><i class="fa fa-user fa-fw"></i> 個人資訊</a></li>
                        <li class="divider1"><a href=""><i class="fa fa-pencil fa-fw"></i> 更新資訊</a></li>
                
                        <li><a href=""><i class="fa fa-bullhorn fa-fw"></i> 文章</a></li>
                        <li class="divider1"><a href=""><i class="fa fa-building fa-fw"></i> 企業銷售</a></li>

                        <li><a href=""><i class="fa fa-eye fa-fw"></i> 分析</a></li>
                        <li><a href=""><i class="fa fa-bookmark fa-fw"></i> 書籤</a></li>
                        <li><a href=""><i class="fa fa-crosshairs fa-fw"></i> 建議</a></li>
                        <li class="divider1"><a href=""><i class="fa fa-users fa-fw"></i> 尋找朋友</a></li>
                        <li><a href=""><i class="fa fa-cog fa-fw"></i> 您的帳户</a></li>
                        <li><a href=""><i class="fa fa-sign-out fa-fw"></i> 登出</a></li>
                    </ul>
                </li>
                <li class="dropdown ">
                    <a href=""><i class="fa fa-question"></i></a>
                </li>
            </ul>

            <ul class="index-usertag clearfix visible-xs visible-sm">
                <li class="dropdown ">
                    <a href=""><i class="fa fa-bookmark"></i></a>
                </li>
                <li class="dropdown ">
                    <a href=""><i class="fa fa-plus-square fa-left"></i></a>
                </li>
                <li class="dropdown ">
                    <a href=""><i class="fa fa-envelope fa-lg"></i></a>
                </li>
            </ul>

        </div>
    </div>
    <div class="container">
        <div class="index-main">
            <div class="index-intr">
                <h2>您的帖子</h2>
                <h4>您關注的人的最新帖子</h4>
                <p>您當前沒有關注任何人，因此我們將向您顯示通用的帖子。當您關注某些人並創建些帖子時，我們將向您顯示自定義。如果您不喜歡別人的帖子，記得不要關注他們。</p>
            </div>
            <div class="index-content">
                <!-- 帖子列表無圖 -->
                <div class="index-content-list clearfix">
                    <div class="index-content-avater">
                        <img src="images/user.jpg" alt="">
                    </div>
                    <div class="index-content-st">
                        <h5><a class="user-name" href="">蕭天華</a></h5>
                        <div class="user-zw">商業代理</div>
                        <ul class="fa-ul">
                            <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                            <li>
                                <i class="fa fa-li fa-map-marker"></i> 
                                佛州
                            </li>
                        </ul>
                        <div class="index-content-intr">
                            <span class="datetime">18 hours ago</span> -
                            內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明
                        </div>
                        <div class="index-tag clearfix">
                            <div class="left">
                                <a data-toggle="tooltip" data-placement="top" title="書簽" class="tag-check"><i class="fa fa-bookmark-o"></i><span class="cnt">1</span></a>
                                <a data-toggle="tooltip" data-placement="top" title="投訴" ><i class="fa fa-ban" data-toggle="modal" data-target="#addr-edit-modal"></i></a>
                            </div>
                            <div class="right">
                                 <a href="" class=""><i class="fa fa-phone-square fa-left">
                                 </i>聯絡</a>
                                 <a href="" class=""><i class="fa fa-plus-square fa-left">
                                 </i>關注</a>
                            </div>
                        </div>
                    </div>
                    <div class="star-colect">
                        <span data-toggle="tooltip" data-placement="top" title="4星好評" >
                            <i class="fa fa-star "></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star-o"></i>
                        </span> 
                    </div>
                </div>


                <!-- 帖子列表無圖 -->
                <div class="index-content-list clearfix">
                    <div class="index-content-avater">
                        <img src="images/user.jpg" alt="">
                    </div>
                    <div class="index-content-st">
                        <h5><a class="user-name" href="">蕭天華</a></h5>
                        <div class="user-zw">商業代理</div>
                        <ul class="fa-ul">
                            <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                            <li>
                                <i class="fa fa-li fa-map-marker"></i> 
                                佛州
                            </li>
                        </ul>
                        <div class="index-content-intr">
                            <span class="datetime">18 hours ago</span> -
                            內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明
                        </div>
                        <div class="index-tag clearfix">
                            <div class="left">
                                <a data-toggle="tooltip" data-placement="top" title="書簽" class="tag-check"><i class="fa fa-bookmark-o"></i><span class="cnt">1</span></a>
                                <a data-toggle="tooltip" data-placement="top" title="投訴" ><i class="fa fa-ban" data-toggle="modal" data-target="#addr-edit-modal"></i></a>
                            </div>
                            <div class="right">
                                 <a href="" class=""><i class="fa fa-phone-square fa-left">
                                 </i>聯絡</a>
                                 <a href="" class=""><i class="fa fa-plus-square fa-left">
                                 </i>關注</a>
                            </div>
                        </div>
                    </div>
                    <div class="star-colect">
                        <span data-toggle="tooltip" data-placement="top" title="4星好評" >
                            <i class="fa fa-star "></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star-o"></i>
                        </span> 
                    </div>
                </div>

                <!-- 帖子列表有圖 -->
                <div class="index-content-list clearfix">
                    <div class="index-content-avater">
                        <img src="images/user.jpg" alt="">
                    </div>
                    <div class="index-content-st">
                        <h5><a class="user-name" href="">蕭天華</a></h5>
                        <div class="user-zw">商業代理</div>
                        <ul class="fa-ul">
                            <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                            <li>
                                <i class="fa fa-li fa-map-marker"></i> 
                                佛州
                            </li>
                        </ul>
                        <div class="index-content-intr" >
                            <span class="datetime">18 hours ago</span> -
                            內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明
                            <p>
                                <a href="images/t1.png" class="swipebox">
                                    <img src="images/t1.png" alt="image">
                                </a>
                            </p>

                        </div>
                        <div class="index-tag clearfix">
                            <div class="left">
                                <a data-toggle="tooltip" data-placement="top" title="書簽" class="tag-check"><i class="fa fa-bookmark-o"></i><span class="cnt">1</span></a>
                                <a data-toggle="tooltip" data-placement="top" title="投訴" ><i class="fa fa-ban" data-toggle="modal" data-target="#addr-edit-modal"></i></a>
                            </div>
                            <div class="right">
                                 <a href="" class=""><i class="fa fa-phone-square fa-left">
                                 </i>聯絡</a>
                                 <a href="" class=""><i class="fa fa-plus-square fa-left">
                                 </i>關注</a>
                            </div>
                        </div>
                    </div>
                    <div class="star-colect">
                        <span data-toggle="tooltip" data-placement="top" title="4星好評" >
                            <i class="fa fa-star "></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star-o"></i>
                        </span> 
                    </div>
                </div>

                <!-- 帖子列表無圖 -->
                <div class="index-content-list clearfix">
                    <div class="index-content-avater">
                        <img src="images/user.jpg" alt="">
                    </div>
                    <div class="index-content-st">
                        <h5><a class="user-name" href="">蕭天華</a></h5>
                        <div class="user-zw">商業代理</div>
                        <ul class="fa-ul">
                            <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                            <li>
                                <i class="fa fa-li fa-map-marker"></i> 
                                佛州
                            </li>
                        </ul>
                        <div class="index-content-intr">
                            <span class="datetime">18 hours ago</span> -
                            內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明
                        </div>
                        <div class="index-tag clearfix">
                            <div class="left">
                                <a data-toggle="tooltip" data-placement="top" title="書簽" class="tag-check"><i class="fa fa-bookmark-o"></i><span class="cnt">1</span></a>
                                <a data-toggle="tooltip" data-placement="top" title="投訴" ><i class="fa fa-ban" data-toggle="modal" data-target="#addr-edit-modal"></i></a>
                            </div>
                            <div class="right">
                                 <a href="" class=""><i class="fa fa-phone-square fa-left">
                                 </i>聯絡</a>
                                 <a href="" class=""><i class="fa fa-plus-square fa-left">
                                 </i>關注</a>
                            </div>
                        </div>
                    </div>
                    <div class="star-colect">
                        <span data-toggle="tooltip" data-placement="top" title="4星好評" >
                            <i class="fa fa-star "></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star-o"></i>
                        </span> 
                    </div>
                </div>

                <!-- 帖子列表有圖 -->
                <div class="index-content-list clearfix">
                    <div class="index-content-avater">
                        <img src="images/user.jpg" alt="">
                    </div>
                    <div class="index-content-st">
                        <h5><a class="user-name" href="">蕭天華</a></h5>
                        <div class="user-zw">商業代理</div>
                        <ul class="fa-ul">
                            <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                            <li>
                                <i class="fa fa-li fa-map-marker"></i> 
                                佛州
                            </li>
                        </ul>
                        <div class="index-content-intr" >
                            <span class="datetime">18 hours ago</span> -
                            內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明
                            <p>
                                <a href="images/t1.png" class="swipebox">
                                    <img src="images/t1.png" alt="image">
                                </a>
                                <a href="images/t2.png" class="swipebox">
                                    <img src="images/t2.png" alt="image">
                                </a>
                            </p>

                        </div>
                        <div class="index-tag clearfix">
                            <div class="left">
                                <a data-toggle="tooltip" data-placement="top" title="書簽" class="tag-check"><i class="fa fa-bookmark-o"></i><span class="cnt">1</span></a>
                                <a data-toggle="tooltip" data-placement="top" title="投訴" ><i class="fa fa-ban" data-toggle="modal" data-target="#addr-edit-modal"></i></a>
                            </div>
                            <div class="right">
                                 <a href="" class=""><i class="fa fa-phone-square fa-left">
                                 </i>聯絡</a>
                                 <a href="" class=""><i class="fa fa-plus-square fa-left">
                                 </i>關注</a>
                            </div>
                        </div>
                    </div>
                    <div class="star-colect">
                        <span data-toggle="tooltip" data-placement="top" title="4星好評" >
                            <i class="fa fa-star "></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star-o"></i>
                        </span> 
                    </div>
                </div>

                <!-- 帖子列表無圖 -->
                <div class="index-content-list clearfix">
                    <div class="index-content-avater">
                        <img src="images/user.jpg" alt="">
                    </div>
                    <div class="index-content-st">
                        <h5><a class="user-name" href="">蕭天華</a></h5>
                        <div class="user-zw">商業代理</div>
                        <ul class="fa-ul">
                            <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                            <li>
                                <i class="fa fa-li fa-map-marker"></i> 
                                佛州
                            </li>
                        </ul>
                        <div class="index-content-intr">
                            <span class="datetime">18 hours ago</span> -
                            內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明
                        </div>
                        <div class="index-tag clearfix">
                            <div class="left">
                                <a data-toggle="tooltip" data-placement="top" title="書簽" class="tag-check"><i class="fa fa-bookmark-o"></i><span class="cnt">1</span></a>
                                <a data-toggle="tooltip" data-placement="top" title="投訴" ><i class="fa fa-ban" data-toggle="modal" data-target="#addr-edit-modal"></i></a>
                            </div>
                            <div class="right">
                                 <a href="" class=""><i class="fa fa-phone-square fa-left">
                                 </i>聯絡</a>
                                 <a href="" class=""><i class="fa fa-plus-square fa-left">
                                 </i>關注</a>
                            </div>
                        </div>
                    </div>
                    <div class="star-colect">
                        <span data-toggle="tooltip" data-placement="top" title="4星好評" >
                            <i class="fa fa-star "></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star-o"></i>
                        </span> 
                    </div>
                </div>


                <!-- 帖子列表無圖 -->
                <div class="index-content-list clearfix">
                    <div class="index-content-avater">
                        <img src="images/user.jpg" alt="">
                    </div>
                    <div class="index-content-st">
                        <h5><a class="user-name" href="">蕭天華</a></h5>
                        <div class="user-zw">商業代理</div>
                        <ul class="fa-ul">
                            <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                            <li>
                                <i class="fa fa-li fa-map-marker"></i> 
                                佛州
                            </li>
                        </ul>
                        <div class="index-content-intr">
                            <span class="datetime">18 hours ago</span> -
                            內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明
                        </div>
                        <div class="index-tag clearfix">
                            <div class="left">
                                <a data-toggle="tooltip" data-placement="top" title="書簽" class="tag-check"><i class="fa fa-bookmark-o"></i><span class="cnt">1</span></a>
                                <a data-toggle="tooltip" data-placement="top" title="投訴" ><i class="fa fa-ban" data-toggle="modal" data-target="#addr-edit-modal"></i></a>
                            </div>
                            <div class="right">
                                 <a href="" class=""><i class="fa fa-phone-square fa-left">
                                 </i>聯絡</a>
                                 <a href="" class=""><i class="fa fa-plus-square fa-left">
                                 </i>關注</a>
                            </div>
                        </div>
                    </div>
                    <div class="star-colect">
                        <span data-toggle="tooltip" data-placement="top" title="4星好評" >
                            <i class="fa fa-star "></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star-o"></i>
                        </span> 
                    </div>
                </div>

                <!-- 帖子列表有圖 -->
                <div class="index-content-list clearfix">
                    <div class="index-content-avater">
                        <img src="images/user.jpg" alt="">
                    </div>
                    <div class="index-content-st">
                        <h5><a class="user-name" href="">蕭天華</a></h5>
                        <div class="user-zw">商業代理</div>
                        <ul class="fa-ul">
                            <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                            <li>
                                <i class="fa fa-li fa-map-marker"></i> 
                                佛州
                            </li>
                        </ul>
                        <div class="index-content-intr" >
                            <span class="datetime">18 hours ago</span> -
                            內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明
                            <p>
                                <a href="images/t1.png" class="swipebox">
                                    <img src="images/t1.png" alt="image">
                                </a>
                            </p>

                        </div>
                        <div class="index-tag clearfix">
                            <div class="left">
                                <a data-toggle="tooltip" data-placement="top" title="書簽" class="tag-check"><i class="fa fa-bookmark-o"></i><span class="cnt">1</span></a>
                                <a data-toggle="tooltip" data-placement="top" title="投訴" ><i class="fa fa-ban" data-toggle="modal" data-target="#addr-edit-modal"></i></a>
                            </div>
                            <div class="right">
                                 <a href="" class=""><i class="fa fa-phone-square fa-left">
                                 </i>聯絡</a>
                                 <a href="" class=""><i class="fa fa-plus-square fa-left">
                                 </i>關注</a>
                            </div>
                        </div>
                    </div>
                    <div class="star-colect">
                        <span data-toggle="tooltip" data-placement="top" title="4星好評" >
                            <i class="fa fa-star "></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star-o"></i>
                        </span> 
                    </div>
                </div>

                <!-- 帖子列表無圖 -->
                <div class="index-content-list clearfix">
                    <div class="index-content-avater">
                        <img src="images/user.jpg" alt="">
                    </div>
                    <div class="index-content-st">
                        <h5><a class="user-name" href="">蕭天華</a></h5>
                        <div class="user-zw">商業代理</div>
                        <ul class="fa-ul">
                            <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                            <li>
                                <i class="fa fa-li fa-map-marker"></i> 
                                佛州
                            </li>
                        </ul>
                        <div class="index-content-intr">
                            <span class="datetime">18 hours ago</span> -
                            內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明
                        </div>
                        <div class="index-tag clearfix">
                            <div class="left">
                                <a data-toggle="tooltip" data-placement="top" title="書簽" class="tag-check"><i class="fa fa-bookmark-o"></i><span class="cnt">1</span></a>
                                <a data-toggle="tooltip" data-placement="top" title="投訴" ><i class="fa fa-ban" data-toggle="modal" data-target="#addr-edit-modal"></i></a>
                            </div>
                            <div class="right">
                                 <a href="" class=""><i class="fa fa-phone-square fa-left">
                                 </i>聯絡</a>
                                 <a href="" class=""><i class="fa fa-plus-square fa-left">
                                 </i>關注</a>
                            </div>
                        </div>
                    </div>
                    <div class="star-colect">
                        <span data-toggle="tooltip" data-placement="top" title="4星好評" >
                            <i class="fa fa-star "></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star-o"></i>
                        </span> 
                    </div>
                </div>

                <!-- 帖子列表有圖 -->
                <div class="index-content-list clearfix">
                    <div class="index-content-avater">
                        <img src="images/user.jpg" alt="">
                    </div>
                    <div class="index-content-st">
                        <h5><a class="user-name" href="">蕭天華</a></h5>
                        <div class="user-zw">商業代理</div>
                        <ul class="fa-ul">
                            <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                            <li>
                                <i class="fa fa-li fa-map-marker"></i> 
                                佛州
                            </li>
                        </ul>
                        <div class="index-content-intr" >
                            <span class="datetime">18 hours ago</span> -
                            內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明
                            <p>
                                <a href="images/t1.png" class="swipebox">
                                    <img src="images/t1.png" alt="image">
                                </a>
                                <a href="images/t2.png" class="swipebox">
                                    <img src="images/t2.png" alt="image">
                                </a>
                            </p>

                        </div>
                        <div class="index-tag clearfix">
                            <div class="left">
                                <a data-toggle="tooltip" data-placement="top" title="書簽" class="tag-check"><i class="fa fa-bookmark-o"></i><span class="cnt">1</span></a>
                                <a data-toggle="tooltip" data-placement="top" title="投訴" ><i class="fa fa-ban" data-toggle="modal" data-target="#addr-edit-modal"></i></a>
                            </div>
                            <div class="right">
                                 <a href="" class=""><i class="fa fa-phone-square fa-left">
                                 </i>聯絡</a>
                                 <a href="" class=""><i class="fa fa-plus-square fa-left">
                                 </i>關注</a>
                            </div>
                        </div>
                    </div>
                    <div class="star-colect">
                        <span data-toggle="tooltip" data-placement="top" title="4星好評" >
                            <i class="fa fa-star "></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star-o"></i>
                        </span> 
                    </div>
                </div>

                <!-- 帖子列表無圖 -->
                <div class="index-content-list clearfix">
                    <div class="index-content-avater">
                        <img src="images/user.jpg" alt="">
                    </div>
                    <div class="index-content-st">
                        <h5><a class="user-name" href="">蕭天華</a></h5>
                        <div class="user-zw">商業代理</div>
                        <ul class="fa-ul">
                            <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                            <li>
                                <i class="fa fa-li fa-map-marker"></i> 
                                佛州
                            </li>
                        </ul>
                        <div class="index-content-intr">
                            <span class="datetime">18 hours ago</span> -
                            內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明
                        </div>
                        <div class="index-tag clearfix">
                            <div class="left">
                                <a data-toggle="tooltip" data-placement="top" title="書簽" class="tag-check"><i class="fa fa-bookmark-o"></i><span class="cnt">1</span></a>
                                <a data-toggle="tooltip" data-placement="top" title="投訴" ><i class="fa fa-ban" data-toggle="modal" data-target="#addr-edit-modal"></i></a>
                            </div>
                            <div class="right">
                                 <a href="" class=""><i class="fa fa-phone-square fa-left">
                                 </i>聯絡</a>
                                 <a href="" class=""><i class="fa fa-plus-square fa-left">
                                 </i>關注</a>
                            </div>
                        </div>
                    </div>
                    <div class="star-colect">
                        <span data-toggle="tooltip" data-placement="top" title="4星好評" >
                            <i class="fa fa-star "></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star-o"></i>
                        </span> 
                    </div>
                </div>


                <!-- 帖子列表無圖 -->
                <div class="index-content-list clearfix">
                    <div class="index-content-avater">
                        <img src="images/user.jpg" alt="">
                    </div>
                    <div class="index-content-st">
                        <h5><a class="user-name" href="">蕭天華</a></h5>
                        <div class="user-zw">商業代理</div>
                        <ul class="fa-ul">
                            <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                            <li>
                                <i class="fa fa-li fa-map-marker"></i> 
                                佛州
                            </li>
                        </ul>
                        <div class="index-content-intr">
                            <span class="datetime">18 hours ago</span> -
                            內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明
                        </div>
                        <div class="index-tag clearfix">
                            <div class="left">
                                <a data-toggle="tooltip" data-placement="top" title="書簽" class="tag-check"><i class="fa fa-bookmark-o"></i><span class="cnt">1</span></a>
                                <a data-toggle="tooltip" data-placement="top" title="投訴" ><i class="fa fa-ban" data-toggle="modal" data-target="#addr-edit-modal"></i></a>
                            </div>
                            <div class="right">
                                 <a href="" class=""><i class="fa fa-phone-square fa-left">
                                 </i>聯絡</a>
                                 <a href="" class=""><i class="fa fa-plus-square fa-left">
                                 </i>關注</a>
                            </div>
                        </div>
                    </div>
                    <div class="star-colect">
                        <span data-toggle="tooltip" data-placement="top" title="4星好評" >
                            <i class="fa fa-star "></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star-o"></i>
                        </span> 
                    </div>
                </div>

                <!-- 帖子列表有圖 -->
                <div class="index-content-list clearfix">
                    <div class="index-content-avater">
                        <img src="images/user.jpg" alt="">
                    </div>
                    <div class="index-content-st">
                        <h5><a class="user-name" href="">蕭天華</a></h5>
                        <div class="user-zw">商業代理</div>
                        <ul class="fa-ul">
                            <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                            <li>
                                <i class="fa fa-li fa-map-marker"></i> 
                                佛州
                            </li>
                        </ul>
                        <div class="index-content-intr" >
                            <span class="datetime">18 hours ago</span> -
                            內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明
                            <p>
                                <a href="images/t1.png" class="swipebox">
                                    <img src="images/t1.png" alt="image">
                                </a>
                            </p>

                        </div>
                        <div class="index-tag clearfix">
                            <div class="left">
                                <a data-toggle="tooltip" data-placement="top" title="書簽" class="tag-check"><i class="fa fa-bookmark-o"></i><span class="cnt">1</span></a>
                                <a data-toggle="tooltip" data-placement="top" title="投訴" ><i class="fa fa-ban" data-toggle="modal" data-target="#addr-edit-modal"></i></a>
                            </div>
                            <div class="right">
                                 <a href="" class=""><i class="fa fa-phone-square fa-left">
                                 </i>聯絡</a>
                                 <a href="" class=""><i class="fa fa-plus-square fa-left">
                                 </i>關注</a>
                            </div>
                        </div>
                    </div>
                    <div class="star-colect">
                        <span data-toggle="tooltip" data-placement="top" title="4星好評" >
                            <i class="fa fa-star "></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star-o"></i>
                        </span> 
                    </div>
                </div>

                <!-- 帖子列表無圖 -->
                <div class="index-content-list clearfix">
                    <div class="index-content-avater">
                        <img src="images/user.jpg" alt="">
                    </div>
                    <div class="index-content-st">
                        <h5><a class="user-name" href="">蕭天華</a></h5>
                        <div class="user-zw">商業代理</div>
                        <ul class="fa-ul">
                            <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                            <li>
                                <i class="fa fa-li fa-map-marker"></i> 
                                佛州
                            </li>
                        </ul>
                        <div class="index-content-intr">
                            <span class="datetime">18 hours ago</span> -
                            內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明
                        </div>
                        <div class="index-tag clearfix">
                            <div class="left">
                                <a data-toggle="tooltip" data-placement="top" title="書簽" class="tag-check"><i class="fa fa-bookmark-o"></i><span class="cnt">1</span></a>
                                <a data-toggle="tooltip" data-placement="top" title="投訴" ><i class="fa fa-ban" data-toggle="modal" data-target="#addr-edit-modal"></i></a>
                            </div>
                            <div class="right">
                                 <a href="" class=""><i class="fa fa-phone-square fa-left">
                                 </i>聯絡</a>
                                 <a href="" class=""><i class="fa fa-plus-square fa-left">
                                 </i>關注</a>
                            </div>
                        </div>
                    </div>
                    <div class="star-colect">
                        <span data-toggle="tooltip" data-placement="top" title="4星好評" >
                            <i class="fa fa-star "></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star-o"></i>
                        </span> 
                    </div>
                </div>

                <!-- 帖子列表有圖 -->
                <div class="index-content-list clearfix">
                    <div class="index-content-avater">
                        <img src="images/user.jpg" alt="">
                    </div>
                    <div class="index-content-st">
                        <h5><a class="user-name" href="">蕭天華</a></h5>
                        <div class="user-zw">商業代理</div>
                        <ul class="fa-ul">
                            <li><i class="fa fa-li fa-tag"></i>健康、健身商業代理</li>
                            <li>
                                <i class="fa fa-li fa-map-marker"></i> 
                                佛州
                            </li>
                        </ul>
                        <div class="index-content-intr" >
                            <span class="datetime">18 hours ago</span> -
                            內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明內容說明
                            <p>
                                <a href="images/t1.png" class="swipebox">
                                    <img src="images/t1.png" alt="image">
                                </a>
                                <a href="images/t2.png" class="swipebox">
                                    <img src="images/t2.png" alt="image">
                                </a>
                            </p>

                        </div>
                        <div class="index-tag clearfix">
                            <div class="left">
                                <a data-toggle="tooltip" data-placement="top" title="書簽" class="tag-check"><i class="fa fa-bookmark-o"></i><span class="cnt">1</span></a>
                                <a data-toggle="tooltip" data-placement="top" title="投訴" ><i class="fa fa-ban" data-toggle="modal" data-target="#addr-edit-modal"></i></a>
                            </div>
                            <div class="right">
                                 <a href="" class=""><i class="fa fa-phone-square fa-left">
                                 </i>聯絡</a>
                                 <a href="" class=""><i class="fa fa-plus-square fa-left">
                                 </i>關注</a>
                            </div>
                        </div>
                    </div>
                    <div class="star-colect">
                        <span data-toggle="tooltip" data-placement="top" title="4星好評" >
                            <i class="fa fa-star "></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star"></i>
                            <i class="fa fa-star-o"></i>
                        </span> 
                    </div>
                </div>

                <div class="page-fenye">
                    <div class="row">
                        <div class="col-md-2 left">
                            <a href="#void" class="btn btn-default btn-blue"><icon class="fa fa-left fa-chevron-circle-left"></icon> 上一頁</a>
                        </div>
                        <div class="col-md-2 right">
                            <a href="#void" class="btn btn-default btn-blue">下一頁 <icon class="fa fa-right fa-chevron-circle-right"></icon></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    

    <div class="footer">
        <div class="container">
            <div class="fonter-nav">
                <a href="">策略聯盟</a>
                <a href="">服務條款</a>
                <a href="">免責聲明</a>
                <a href="">交易流程</a>
                <a href="">平臺間介</a>
            </div>
            <div class="copyright">
                © 2018 
            </div>
        </div>
        
    </div>

    <!-- 投訴彈出框 -->
    <div class="modal fade modal-primary kry-safety-modal" id="addr-edit-modal" aria-hidden="true" aria-labelledby="addr-edit-modal" role="dialog" tabindex="-1">
        <div class="modal-dialog modal-center ">
            <div class="modal-content">
                <form action="">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">×</span>
                        </button>
                        <h4 class="modal-title">投訴反饋</h4>
                    </div>
                    <div class="modal-body">
                        <div class="form-group ">
                            <label for=""><span>被投訴人：</span>蕭天華</label>
                            <label for=""><span>投訴人：</span>陳康</label>
                            <label for=""><span>投訴時間：</span>2018-04-28 12:00:00</label>
                        </div>
                        <div class="form-group ">
                            <textarea class="form-control" rows="5" name="zone_a"  placeholder="投訴內容" ></textarea>
                        </div>
                    </div>

                    <div class="modal-footer">
                        <button type="submit" class="btn btn-primary " >提交</button>
                        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/lightbox.js"></script>
    <script>
        $(function () {
            $('[data-toggle="tooltip"]').tooltip();
            $('.dropdown-toggle').dropdown();
            $('.swipebox').swipebox();
        })
        $(".tag-check").click(function() {
            var hasClass = $(this).hasClass('active');
            if(!hasClass){
               $(this).addClass('active')
               $(this).children('i').addClass('fa-bookmark');
               $(this).children('i').removeClass('fa-bookmark-o');
            }
            else{
               $(this).removeClass('active')
               $(this).children('i').removeClass('fa-bookmark');
               $(this).children('i').addClass('fa-bookmark-o');
            }
            
        });
            
    </script>
</body>
</html>